<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:s="http://jboss.org/schema/seam/taglib"
                xmlns:a="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:m="http://metawidget.org/faces"
                template="template.xhtml">

    <!-- content -->
    <ui:define name="content">
        <div class="section">
            <h1>Book Hotel</h1>
        </div>
        <div class="section">
            <div class="entry errors">
                <h:messages id="messages" globalOnly="true"/>
            </div>

            <ui:include src="hotelview.xhtml"/>

            <div style="clear:both"/>

            <h:form id="booking">
                <fieldset>

                    <s:validateAll>

                        <m:metawidget value="#{booking}" validatorClass="org.metawidget.faces.component.validator.RequiredValidator"/>

                    </s:validateAll>			

                    <div class="buttonBox">
                        <h:commandButton id="proceed" value="Proceed" action="#{hotelBooking.setBookingDetails}"/>
                        &#160;
                        <s:button id="cancel" value="Cancel" action="#{hotelBooking.cancel}"/>
                    </div>

                </fieldset>
            </h:form>
        </div>
    </ui:define>

    <!-- sidebar -->
    <ui:define name="sidebar">

        <h1>Workspace management</h1>
        <p>
            As you can see, Seam makes it easy to work in multiple windows or multiple browser 
            tabs. But you can even switch between multiple tasks inside a single browser tab!
            The "Workspaces" section showcases this advanced feature.
        </p>
        <p>
            <a href="#" onclick="window.open('exp/workspaceExp.html','exp','width=752,height=500,scrollbars=yes');">
                How does the workspace list work?
            </a>
        </p>

    </ui:define>

</ui:composition>
